<template>
  <div class="home">
    <img src="../assets/images/logo.png" alt="">
    <img src="../assets/images/bg.png" alt="">
    <div class="header">
      <span>❮</span>
      <div>密码登录</div>
    </div>
    <div class="content">
      <div class="input">
        <input v-model="form.username" type="text" placeholder="请输入手机号">
        <input v-model="form.password" type="text" placeholder="请输入验证码">
        <div>获取验证码</div>
      </div>
      <button @click="login">登录</button>
      <div class="joop">
        <input type="checkbox" name="" id="">
        <span>我已阅读并同意</span>
        <span>《乐康养老用户协议》</span>
        <span>《隐私政策》</span>
      </div>
      <p>忘记密码</p>
    </div>
  </div>
</template>

<script>

export default {
  name: "LoGing",
  data() {
    return {
      form: {

      }
    }
  },
  methods: {
    login() {
      // console.log(this.form);
      this.$store.dispatch('loginAsync', this.form)
    },
  },
}
</script>
<style lang="less" scoped>
@import url(../assets/css/home.less);
</style>